/*
 * w2001 - jnp iweb11
 * http://jnp.com.tw
 *
 * Copyright 2013, Evelyn Wang
 * 
 * 
 * December 2013
 */
 
 

/**
*
* =marquee
*
**/
.contetWrap .content .contentMain #webSeo {
	padding: 0 0 0 180px;
	width: 445px;
	height: 55px;
	background: url(../images/all/bg-notice.png) no-repeat 0 center;
	z-index: 20;
	right: 0;
	bottom: 0;
}
.contetWrap .content .contentMain #webSeo .seo {
	width: 430px;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	color: #fff;
	padding: 16px 0 0;
}


/* +contentMain
*----------------------------------------------------------------------------*/
.contetWrap .content .contentMain #bannerAD {
	margin: 6px 0 10px;
	background: url(../images/index/bg-bannerAD.png) no-repeat 0 0;
	overflow: hidden;
	position: relative;
}

.contetWrap .content .contentMain #bannerAD ul {
	margin: 8px 8px 8px 7px;
	width: 610px;
	height: 220px;
	overflow: hidden;
}

.contetWrap .content .contentMain #bannerAD ul li {
	width: 610px;
	height: 220px;
	float: left;
	overflow: hidden;
}

.contetWrap .content .contentMain #bannerAD ul li img {
	width: 610px;
	height: 220px;
}

.contetWrap .content .contentMain #bannerAD .pager {
	width: 610px;
	position: absolute;
	top: 200px;
	right: 16px;
	z-index: 10;
	text-align: right;
	margin: 0 25px 0;
}

.contetWrap .content .contentMain #bannerAD .pager a ,
.contetWrap .content .contentMain #bannerAD .pager a.active {
	margin-left: 5px;
	width: 20px;
	height: 20px;
	background: #000;
	display: inline-block;
	line-height: 20px;
	font-weight: 900;
	text-align: center;
	color: #fff;
}

.contetWrap .content .contentMain #bannerAD .pager a:hover ,
.contetWrap .content .contentMain #bannerAD .pager a.active {
	background: #FFBF38;
	color: #000;
}

/**
*
* =news 
*
**/
.contetWrap .content .contentMain #news {
	width: 320px;
	background: url(../images/index/bg-news.png) no-repeat 0 0;
	overflow: hidden;
	position: relative;
	margin: 20px 0 0;
}

.contetWrap .content .contentMain #news h2 {
	text-align: center;
	color: #c39547;
	padding-top: 5px;
	font-size: 30px;
}

.contetWrap .content .contentMain #news .wrap {
	margin: 30px 20px 15px;
	height: 270px !important;
	overflow: hidden;
}

.contetWrap .content .contentMain #news .wrap ul {
	height: 95px !important;
}

.contetWrap .content .contentMain #news .wrap ul li {
	margin: 0 0 5px;
	height: 20px;
	overflow: hidden;
}

.contetWrap .content .contentMain #news .wrap ul li h3 {
	font-size: 14px;
	line-height: 20px;
}

.contetWrap .content .contentMain #news .wrap ul li h3 a {
	color: #fff;
}

.contetWrap .content .contentMain #news .wrap ul li p {
	width: 100px;
	float: left;
	color: #fff;
}

/**
*
* =hotGame
*
**/
.contetWrap .content .contentMain #hotGame {
	width: 640px;
	float: left;
}

.contetWrap .content .contentMain #hotGame h2 {
	color: #fff;
	padding: 20px 0 20px 40px;
	background: url(../images/index/tabs_abg.png) left 20px bottom 5px no-repeat;
    font-size: 30px;
}

.contetWrap .content .contentMain #hotGame ul {
	overflow: hidden;
}

.contetWrap .content .contentMain #hotGame ul li {
	margin-left: 20px;
	width: 190px;
	height: 160px;
	float: left;
	position: relative;
}

.contetWrap .content .contentMain #hotGame ul li img {

}

.contetWrap .content .contentMain #hotGame ul li .info {
	position: absolute;
    bottom: 20px;
    width: 190px;
    height: 30px;
    background: #2b2b2bc9;
}

.contetWrap .content .contentMain #hotGame ul li .info h3 {
	text-align: center;
}

.contetWrap .content .contentMain #hotGame ul li .info h3 a {
	color: #fff;
	line-height: 30px;
}

.contetWrap .content .contentMain #hotGame ul li .info h3 a:hover{
	font-size: 14px;
}

.contetWrap .content .contentMain #hotGame ul li .info .more {
	width: 140px;
	float: right;
	overflow: hidden;
	margin: 7px 0 0;
}

.contetWrap .content .contentMain #hotGame ul li .info .more a {
	width: 100px;
	height: 24px;
	background: url(../images/index/icon-moreGame.png) no-repeat 0 0;
	display: block;
	float: right;
	text-indent: -999999px;
}